<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8">
	<title></title>
	<link rel="stylesheet" type="text/css" href="../../css/public.css" />
</head>

<body>
	<div class="modal">

		<!-- 第二步 -->
		<div class="modal-box">
			<p class="m-close">x</p>
			<div class="m-wrap">
				<div class="m-flex">
					<i class="iconfont icon-anquanbaozhang m-size"></i>
					<p class="m-tips">确认您本人，请填写我们发给您邮箱 …@.... 的验证码</p>
				</div>
				<div class="center">
					<input type="text" name="" class="m-now" id="" value="" maxlength="1" />
					<input type="text" name="" class="m-now" id="" value="" maxlength="1" />
					<input type="text" name="" class="m-now" id="" value="" maxlength="1" />
					<input type="text" name="" class="m-now" id="" value="" maxlength="1" />
					<input type="text" name="" class="m-now" id="" value="" maxlength="1" />
					<input type="text" name="" class="m-now" id="" value="" maxlength="1" />
				</div>
				<p class="m-top">重新发送</p>
				<button type="button" class="m-btn">确认</button>
			</div>
		</div>

		<!-- 第一步 -->
		<div class="pay-second">
			<div class="pay-first">
				<p>从您的内部帐户中提款</p>
				<p class="m-close-first">×</p>
			</div>
			<img src="../../static/paymodal/paymodal.png" width="232" height="53" class="img-top">
			<div class="paymodalpay">
				<p>提现金额</p>
				<div class="paymodalpay-two">
					<input type="text" name="" id="money" value="" maxlength="4" max="3000" min="10" class="pay-ipt" />
					<p class="doallr">$ </p>
				</div>
			</div>
			<div class="paymodalpay">
				<p>wise email</p>
				<input type="text" name="" id="wiseemail" value="" />
			</div>
			<div class="paymodalpay">
				<p></p>
				<span class="pay-tips">开设Wise账户</span>
			</div>
			<div class="paymodalpay">
				<p></p>
				<div class="paymodalpay" style="margin-left: 120px;">
					<button type="button" class="first-btn">提现</button>
					<button type="button" class="second-btn">取消</button>
				</div>
			</div>
		</div>

		<!-- 第三步 -->
		<div class="modal-box-two">
			<p class="m-close-two">x</p>
			<div class="m-wrap-two">
				<div class="m-flex-two">
					<svg t="1636941034106" class="icon m-size-two" viewBox="0 0 1448 1024" version="1.1"
						xmlns="http://www.w3.org/2000/svg" p-id="10155" width="200" height="200">
						<path d="M0 0h1448.186797v1024H0z" fill="#FFFFFF" p-id="10156"></path>
						<path
							d="M923.027717 558.185789c146.384008-2.236183 263.869646-121.441962 263.869646-267.82597S1069.411725 24.770032 923.027717 22.533848c-148.792206 0-275.050563 111.637158-275.050563 260.429364-0.172014 72.933983 28.898371 142.943726 80.502604 194.547959 51.604233 51.604233 121.613976 80.502604 194.547959 80.502604v0.172014zM841.149001 305.153032c-14.793214 0-29.758441-7.396607-29.758442-22.361834s14.793214-22.361834 29.758442-22.361835h44.723668l-44.723668-44.551654c-12.901058-12.901058-11.352931-25.11406 0-37.499076 10.148833-11.008903 24.25399-12.040988 37.499076 0l44.551654 44.551654 44.551655-44.37964c12.901058-11.868974 25.974131-12.385016 37.155048 0 13.933143 15.309256 8.600706 28.210314 0 37.499076l-44.551655 44.551654h29.758441c14.793214 0 29.758441 7.396607 29.758441 22.361835 0 14.793214-14.793214 22.361834-29.758441 22.361834h-44.895683v29.070385h52.120276c14.793214 0 29.758441 7.396607 29.758441 22.361834 0 14.793214-14.793214 22.361834-29.758441 22.361835l-51.776247-0.516043v23.049891c0 14.793214-7.740635 29.930455-22.705863 29.930455-14.793214 0-22.361834-14.793214-22.361834-29.758441v-22.705862l-59.344868 0.344028c-14.793214 0-29.758441-5.676466-29.758442-22.361835 0-14.793214 14.793214-22.361834 29.758442-22.361834h59.516882v-29.758441H841.149001z m0 0"
							fill="#F2941A" p-id="10157"></path>
						<path
							d="M1324.852679 617.702671c-14.793214-29.758441-37.499076-44.551655-52.120275-44.551655h-4.472367c-16.685369 0-33.198723 3.78431-48.335965 10.836889l-133.310936 63.473207c0 52.120275-37.499076 96.67193-89.275323 96.67193H693.216865c-7.740635 0-15.309256-3.78431-19.437594-10.320846-4.644381-7.396607-4.644381-16.685369 0-24.081976 4.128339-6.536536 11.69696-10.320847 19.437594-10.320847h289.499748c22.361834 0 29.758441-14.965228 37.499077-37.499076-0.344028-45.067697-36.81102-81.362674-81.878717-81.878716h-171.498068c-0.860071-5.676466-3.440282-10.836889-7.396607-14.793214l-29.758441-29.758441C692.528809 497.98085 647.80514 483.359651 588.288258 483.359651H379.97917v-29.586427c0-12.385016-9.976818-22.361834-22.361834-22.361835H164.273476c-12.040988 0.688056-21.673778 10.320847-22.361835 22.361835v401.824962c0 7.396607 7.396607 14.793214 22.361835 14.793213h200.912481c12.385016 0 22.361834-9.976818 22.361834-22.361834v-37.499076L767.010919 1011.44297c44.551655 14.793214 96.67193 0 126.430371-22.361834L1272.904418 721.255165l7.568621-7.396606c44.551655-22.361834 59.516882-59.516882 44.551654-96.67193v0.516042z m0 0"
							fill="#F2941A" p-id="10158"></path>
					</svg>
					<p class="m-tips-two">您的提现请求已受理</p>
				</div>
				<div class="bottom-footer">
					<p>CLO月结一次，次月7日前转账</p>
					<p class="pay-text-special">转账费用由本平台承担</p>
					<p>请次月1日后留意wise邮件，按wise指示操作</p>
				</div>
			</div>
		</div>
	</div>
</body>

</html>
<script src="../../js/jquery.js" type="text/javascript" charset="utf-8"></script>
<script src="../../js/public.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">

	$(function () {
		$('.modal-box').hide();
		$('.modal-box-two').hide();
	})
	// 验证码逻辑
	let yzm = ' ';
	$('.m-now').keyup(function (e) {
		if ($(this).index() < 5 && e.keyCode != 8) {
			$(this).next('input').focus();
		} else {
			if ($(this).index() > -1 && e.keyCode == 8) {
				$(this).prev('input').focus();
			} else {
				return
			}
		}
	})
	// 验证码逻辑
	// 获取验证码值
	$('.m-btn').click(function () {
		$(".m-now").each(function () {
			yzm += $(this).val();
		})
	})
	// 获取验证码值

	// 关闭第一步
	$('.m-close').click(function () {
		$('.modal').hide();
	})

	// 第一步的关闭
	$('.m-close-first').click(function () {
		$('.modal').hide();
	})

	$('.second-btn').click(function () {
		$('.modal').hide();
	})

	// 关闭第三步
	$('.m-close-two').click(function () {
		$('.modal').hide();
	})


	$('.first-btn').click(function () {
		$('.pay-second').hide();
		$('.modal-box').show();
	})
	$('.m-btn').click(function () {
		$('.modal-box').hide();
		$('.modal-box-two').show();
	})




</script>
<style type="text/css">
	/* 提现第一步 */
	.modal {
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background-color: rgba(38, 38, 38, 0.4);
		display: flex;
		flex-direction: column;
		flex-wrap: wrap;
		align-items: center;
	}

	.m-size {
		align-self: center;
		text-align: center;
		width: 72px;
		height: 86px;
		font-size: 72px;
		color: rgba(86, 134, 233, 1);
	}

	.m-top {
		margin-top: 6px;
		color: #5686E9;
		cursor: pointer;
	}

	.center {
		margin-top: 16px;
	}

	.m-now {
		width: 31px;
		height: 35px;
		border: 1px solid #B8B8B8;
		display: table-cell;
		vertical-align: middle;
		text-align: center;
	}

	.m-now:not(:first-child) {
		margin-left: 8px;
	}

	.m-flex {
		display: flex;
		flex-flow: column wrap;
	}

	.modal-box {
		display: inline-block;
		height: 268px;
		background-color: #fff;
		margin-top: 152px;
		border-radius: 6px;
		display: flex;
		flex-flow: column wrap;
		position: relative;
		padding: 18px 33px 15px 33px;
		box-sizing: border-box;
	}

	.m-wrap {
		display: flex;
		flex-flow: column wrap;
		justify-content: center;
	}

	.m-close {
		position: absolute;
		right: 10px;
		top: 3px;
		color: #B5B5B5;
		font-size: 20px;
		cursor: pointer;
	}

	.m-tips {
		font-size: 14px;
		color: #3C3C3C;
		font-weight: bold;
	}

	.m-btn {
		align-self: center;
		color: #fff;
		background-color: rgba(86, 134, 233, 1);
		border-radius: 6px;
		width: 290px;
		height: 35px;
		border: none;
		margin: auto;
		margin-top: 12px;
	}

	/* 提现第一步 */
</style>
<style type="text/css">
	.pay-second {
		margin-top: 135px;
		width: 637px;
		height: 301px;
		border-radius: 6px;
		background-color: #fff;
		display: flex;
		flex-flow: column wrap;
		padding: 5px 20px;
	}

	.pay-first {
		box-sizing: border-box;
		width: 100%;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.m-close-first {
		right: 10px;
		top: 3px;
		color: #B5B5B5;
		font-size: 20px;
		cursor: pointer;
	}

	.img-top {
		margin-top: 12px;
		align-self: center;
	}

	.pay-first p:first-child {
		color: #3C3C3C;
		font-size: 14px;
		font-weight: bold;
	}

	.pay-ipt {
		margin-left: 120px;
		width: 130px;
		height: 27px;
		border: 1px solid #B8B8B8;
		padding-left: 5px;
		box-sizing: border-box;
	}

	.paymodalpay {
		display: flex;
		align-items: center;
	}

	.paymodalpay-two {
		display: flex;
		align-items: center;
	}

	.paymodalpay>p {
		width: 75px;
		font-size: 14px;
		color: #878787;
	}

	.doallr {
		margin-left: 9px;
		font-weight: bold;
	}

	.doallr::after {
		content: '注:上限3000,最低10';
		color: red;
		font-size: 12px;
	}

	.paymodalpay {
		display: flex;
		color: #878787;
		font-size: 14px;
		margin-top: 16px;
	}

	.paymodalpay>input {
		margin-left: 120px;
		height: 27px;
		width: 308px;
		border: 1px solid #B8B8B8;
		padding-left: 5px;
		box-sizing: border-box;
	}

	.pay-tips {
		display: block;
		font-size: 14px;
		color: #5686E9;
		color: #5686E9;
		margin-left: 120px;
		cursor: pointer;
	}

	.first-btn {
		width: 80px;
		height: 30px;
		color: #fff;
		border-radius: 6px;
		background-color: #5686E9;
	}

	.second-btn {
		margin-left: 34px;
		width: 80px;
		height: 30px;
		color: #6B6B6B;
		border: 1px solid #c8c8c8;
		background-color: #fff;
		border-radius: 6px;
	}

	/* 提现下一步2 */
	.bottom-footer {
		width: 100%;
		display: flex;
		flex-flow: column nowrap;
		justify-content: center;
		align-items: center;
		font-size: 12px;
		color: #848484;
	}

	.bottom-footer>p:first-child {
		margin-top: 19px;
	}

	.pay-text-special {
		color: #FBA83C;
		font-size: 12px;
	}

	.modal-box-two {
		width: 494px;
		display: inline-block;
		background-color: #fff;
		margin-top: 152px;
		border-radius: 6px;
		display: flex;
		flex-flow: column wrap;
		position: relative;
		padding: 18px 33px 15px 33px;
		box-sizing: border-box;
	}

	.m-close-two {
		position: absolute;
		right: 10px;
		top: 3px;
		color: #B5B5B5;
		font-size: 20px;
		cursor: pointer;
	}

	.m-wrap-two {
		display: flex;
		flex-flow: column wrap;
		justify-content: center;
		align-items: center;
	}

	.m-flex-two {
		display: flex;
		flex-flow: column wrap;
	}

	.m-size-two {
		align-self: center;
		text-align: center;
		width: 192px;
		height: 138px;
		/* font-size: 138px; */
		color: #FBA83C;
	}

	.m-tips-two {
		margin-top: 22px;
		text-align: center;
		font-size: 14px;
		color: #3C3C3C;
		font-weight: bold;
	}

	/* 提现下一步2 */
</style>